<!DOCTYPE HTML>
<html>
<head>
    {include file="common:meta"}
</head>
<body>
<div class="page-container">
    <div class="ibox-content" id="toolbar">
        <form action="" class="form-inline" id="" data-url="">
            <div class="form-group">
                <label class="control-label" for="key">状态:</label>
                <select id="key" class="form-control" name="key">
                    <option value="">请选择</option>
                    <option value="id">ID</option>
                    <option value="u_id">用户id</option>
                    <option value="nickname">用户名</option>
                    <option value="family_name">家族名</option>
                </select>
            </div>

            <div class="form-group">
                <label class="control-label" for="value">输入:</label>
                <input class="form-control" id="value" type="text" name="value">
            </div>
            <button type="button" class="btn btn-primary" id="eventQuery">查询</button>
            <button type="button" onclick="location.replace(location.href);" class="btn btn-success ">刷新</button>
        </form>
    </div>
    <div class=" float-e-margins">
        <div class="ibox-content">
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">赠送全服</a>
                    </li>
                    <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="true">添加用户</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class=" tab-pane active" id="tab-1">
                        <table id="tb_departments"></table>
                    </div>
                    <div class=" tab-pane" id="tab-2">
                        <div class="ibox-content">
                            <form class="form-horizontal" id="form" data-url="/GoldRoomSendUserGiftAdd">
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="u_id">
                                        <span class="c-red">*</span>用户UID：
                                    </label>
                                    <div class="col-md-2 col-sm-10">
                                        <input type="text" class="form-control" id="u_id" name="u_id">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="total_num">
                                        <span class="c-red">*</span>设定抽奖次数：
                                    </label>
                                    <div class="col-md-2 col-sm-10">
                                        <input type="number" class="form-control" id="total_num" name="total_num">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="id">
                                        <span class="c-red">*</span>奖品名：
                                    </label>
                                    <div class="col-md-2 col-sm-10">
                                        <select class="form-control" name="id" id="id">
                                            {volist name='gift_list' id='vo'}
                                            <option value="{$vo.id}">{$vo.gift_name}--{$vo.diamonds}钻</option>
                                            {/volist}
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                                        <button class="btn btn-primary" type="button" onclick="commonSubmit(this)">添加
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="common:footer"}
<script>
    $(document).ready(function () {
        initTable();
    });

    function initTable() {
        $('#tb_departments').bootstrapTable({
            url: '/GoldRoomSendUserGiftData',         //请求后台的URL（*）
            dataField: "data",
            method: 'get',                      //请求方式（*）
            striped: true,                      //是否显示行间隔色
            cache: true,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            queryParams: queryParams,//传递参数（*）
            showHeader: true,
            showToggle: true,
            showRefresh: true,
            sortStable: true,
            sortName: 'id',
            sortOrder: "desc",                   //排序方式
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
            showColumns: true,                  //是否显示所有的列
            minimumCountColumns: 2,             //最少允许的列数
            toolbar: '#toolbar',
            columns: [{
                field: 'u_id',
                title: '用户id',
                align: 'center',
                sortable: true
            }, {
                field: 'nickname',
                title: '用户名',
                align: 'center'
            },{
                field: 'current_num',
                title: '当前次数',
                align: 'center'
            }, {
                field: 'total_num',
                title: '设置总次数',
                align: 'center'
            }, {
                field: 'gift_name',
                title: '赠送奖品',
                align: 'center'
            }]
        });
    }

    //得到查询的参数

    function queryParams(params) {
        params.offset = params.offset / params.limit + 1;
        params.key = $('#key').val();
        params.value = $('#value').val();
        console.log(JSON.stringify(params));
        return params;
    }

    function operateFormatter(value, row, index) {

    }

    window.operateEvents = {

        'click .delete-user':function(e,value,row,index){
            layer.confirm('确认删除吗？',{
                title:['提示','font-size:18px;font-family:楷体;font-weight:700;'],
                btn: ['确定','取消'] //按钮
            },function(){
                $.ajax({
                    type:'get',
                    url:"/SendUserGiftDel?u_id=" + row.u_id,
                    async:true,
                    dataType:'json',
                    success:function(result){
                        if(result.code == 100){
                            layer.msg(result.msg,{
                                icon:1,
                                time:1000
                            });
                            $('#tb_departments').bootstrapTable(('refresh'));	// 很重要的一步，刷新url！
                        }
                        else{
                            layer.msg(result.msg,{
                                icon:2,
                                time:1000
                            });
                        }
                    },
                    error:function(err){
                        layer.msg('服务器开小差了！',{
                            time:1500
                        });
                    }
                });
            });
        }
    };
    // 搜索按钮触发事件
    $(function () {
        $("#eventQuery").click(function () {
            $('#tb_departments').bootstrapTable(('refresh'));	// 很重要的一步，刷新url！
        });

    });
</script>
</body>
</html>